* {
  padding: 0;
  margin: 0;
}

.explore {
  margin-bottom: 150rem;
}

.explore .explorehead .centerhead {
  width: 690rem;
  display: flex;
  justify-content: space-between;
  margin-top: 90rem;
  margin-left: 35rem;
}

.explore .explorehead .centerhead span {
  font-size: 50rem;
  font-weight: 900;
  color: #fdfdfd;
}

@keyframes explore {
  0% {
    background-image: linear-gradient(-225deg, #ff057c 0%, #8d0b93 50%, #321575 100%);
    transition: all 3;
  }
  20% {
    background-image: linear-gradient(-225deg, #ef057c 0%, #9d0b93 50%, #331575 100%);
    transition: all 3;
  }
  40% {
    background-image: linear-gradient(-225deg, #cf057c 0%, #ad0b93 50%, #341575 100%);
    transition: all 3;
  }
  60% {
    background-image: linear-gradient(-225deg, #bf057c 0%, #bd0b93 50%, #351575 100%);
    transition: all 3;
  }
  80% {
    background-image: linear-gradient(-225deg, #cf057c 0%, #ad0b93 50%, #341575 100%);
    transition: all 3;
  }
  100% {
    background-image: linear-gradient(-225deg, #ef057c 0%, #9d0b93 50%, #331575 100%);
    transition: all 3;
  }
}

.explore .diantai .diantailist {
  width: 670rem;
  height: 340rem;
  display: flex;
  justify-content: start;
  align-items: center;
  box-sizing: border-box;
  background-color: #fff;
  padding: 30rem 0;
  margin: 0 auto;
  margin-top: 35rem;
  border-radius: 10rem;
  animation: explore 20s infinite linear;
  overflow: hidden;
  overflow: auto;
  transition: 1s;
  position: relative;
}

.explore .diantai .diantailist .list {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  padding: 35rem;
}

.explore .diantai .diantailist .list img {
  width: 50rem;
  height: 50rem;
}

.explore .diantai .diantailist .list .head {
  text-align: left;
  color: #fff;
  font-size: 40rem;
  font-weight: 700;
}

.explore .diantai .diantailist .list .usercomment {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  height: 100rem;
  margin-top: 30rem;
}

.explore .diantai .diantailist .list .usercomment .commenttop {
  display: flex;
  justify-content: start;
  align-items: center;
}

.explore .diantai .diantailist .list .usercomment .commenttop img {
  width: 50rem;
  height: 50rem;
  border-radius: 50rem;
}

.explore .diantai .diantailist .list .usercomment .commenttop span {
  margin-left: 20rem;
  font-size: 20rem;
  color: #fff;
  font-weight: 800;
}

.explore .diantai .diantailist .list .usercomment .commentbottom {
  margin-top: 30rem;
}

.explore .diantai .diantailist .list .usercomment .commentbottom span {
  color: #fff;
  font-weight: 500;
}

.explore .diantai .diantailist .list .commentnum {
  position: absolute;
  right: 50rem;
  bottom: 70rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.explore .diantai .diantailist .list .commentnum span:first-child {
  font-size: 18rem;
  font-weight: 900;
  color: #fff;
  font-weight: 600;
}

.explore .diantai .diantailist .list .commentnum span:last-child {
  font-size: 30rem;
  margin-top: 2rem;
  color: #8b8794;
}
